<template>
  <div>
    <Header title="设置" :xiao="xiao" :titledi="titledi" style="width: 94%;margin-left:3%;" @goback="goback"></Header>
    <div class="box"></div>
    <div class="list">
      <p>清除缓存<span>1.00KB</span></p>
      <p>关于社区<span class="da">&gt;</span></p>
    </div>
    <div class="list" v-if="data">
      <p @click="$router.push('/usersafe')">账号与安全 <span class="da">&gt;</span></p>
      <p>资料编辑 <span class="da">&gt;</span></p>
      <p>清除缓存 <span>2.00KB</span></p>
      <p>意见反馈 <span class="da">&gt;</span></p>
      <p>关于社区 <span class="da">&gt;</span></p>
      <button @click="superstratum = true">退出登录</button>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.box {
  height: 55px;
  width: 100%;
}

.list {
  p {
    font-size: 16px;
    margin-bottom: 28px;

    span {
      float: right;
      color: #999;
      font-size: 14px;
    }

    .da {
      font-size: 20px;
      color: rgb(187, 187, 187);
    }
  }

  button {
    width: 100%;
    line-height: 40px;
    font-size: 18px;
    border-radius: 20px;
    border: none;
    background-color: #FF4A6A;
    color: #fff;
  }
}
</style>